import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import blackboard from './components/blackboard.vue';
import index from './components/index.vue';
import ElementPlus from 'element-plus';
import 'element-plus/dist/index.css';
import setting from './components/setting.vue';
import general from './components/setting/general.vue';
import AboutUs from './components/setting/aboutUs.vue';
import Audio from './components/setting/audio.vue';
import Record from './components/setting/record.vue';
import Safety from './components/setting/safety.vue';
import Video from './components/setting/video.vue';
import Member from './components/member.vue';
import UserMessage from './components/user/userMessage.vue';
import UserManage from './components/user/userManage.vue';
import OnlineVideo from './components/onlineVideo.vue';
import Booked from './components/booked.vue';
import centeredInput from '@/components/blackboard/centeredInput.vue'
import store from './store';
import AlertBox from './components/blackboard/alertBox.vue';
import centeredImage from '@/components/blackboard/centeredImage'
import inviteMember from '@/components/class/inviteMember'
import chat from './components/class/chat.vue';
import signUp from './components/class/signUp.vue'
import speaking from './components/class/speaking.vue'
import videoSidebar from './components/class/videoSidebar.vue'
import record from './components/class/record.vue'
import navByQRcode from './components/navByQRcode.vue';
import messageBox from './components/class/messageBox.vue'

const app = createApp(App)

app.use(router)
app.use(ElementPlus)
app.use(store)
app.mount('#app')

//引入组件
//引入黑板组件
app.component('blackboard',blackboard)
//引入主页组件
app.component('index',index)
//引入设置组件
app.component('setting',setting)
//设置内容组件
app.component('general',general)
app.component("aboutUs",AboutUs)
app.component("audio",Audio)
app.component('record',Record)
app.component('safety',Safety)
app.component('video',Video)    
//引入成员管理组件
app.component('member',Member)
//引入用户相关组件
app.component('userMessage',UserMessage);
app.component('userManage',UserManage)
//引入视频组件
app.component('onlineVideo',OnlineVideo)
//引入预约会议组件
app.component('booked',Booked)
//黑板中组件
app.component('centeredInput',centeredInput)
app.component('alertBox',AlertBox)
app.component('centeredImage',centeredImage)
//课程中组件
app.component('inviteMember',inviteMember)
app.component('chat',chat)
app.component('signUp',signUp)
app.component('speaking',speaking)
app.component('videoSidebar',videoSidebar)
app.component('record',record)
app.component('messageBox',messageBox)
//扫码入课组件
app.component('navByQRcode',navByQRcode)

